<template>
    <div class="wrapper">
        <h1>SuspenseChild</h1>
        <h2>我是Child组件</h2>
        <h3>Sum：{{ sum }}</h3>
    </div>
</template>

<script lang="ts" setup name="SuspenseChild">

import { ref } from 'vue'
import axios from 'axios';

let sum = ref(0)

const res = await axios.get('https://api.uomg.com/api/rand.qinghua?format=json')
console.log(res.data.content)

</script>


<style scoped>
.wrapper {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
    margin: 20px
}

button {
    margin: 0 5px;
}
</style>